.incident-page { padding: 24px; }
.header-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.page-title { font-size: 1.8rem; font-weight: 600; color: #333; margin: 0; }
.filter-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding: 16px; background: #fff; border-radius: 8px; margin-bottom: 24px; border: 1px solid #e9ecef;}
.filter-item { display: flex; align-items: center; gap: 8px; }
.search-item { flex-grow: 1; }
.filter-item label { font-weight: 500; color: #495057; }
.filter-item input, .filter-item select { padding: 10px 12px; border: 1px solid #ced4da; border-radius: 6px; min-width: 180px; font-size: 0.95rem; }
.filter-item input { flex-grow: 1; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 20px; border-radius: 6px; border: none; font-size: 0.95rem; font-weight: 500; cursor: pointer; transition: background-color 0.2s, box-shadow 0.2s; }
.btn-primary { background-color: #0d6efd; color: white; }
.btn-primary:hover { background-color: #0b5ed7; }
.btn-secondary { background-color: #6c757d; color: white; }
.btn-secondary:hover { background-color: #5c636a; }
.incident-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 24px; }
.empty-data-card { grid-column: 1 / -1; text-align: center; padding: 40px; color: #6c757d; background: #fff; border-radius: 8px; border: 1px solid #e9ecef;}
.incident-card { background: #fff; border: 1px solid #e9ecef; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); display: flex; flex-direction: column; }
.incident-card:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.card-header { padding: 16px; border-bottom: 1px solid #e9ecef; }
.title { font-size: 1.25rem; font-weight: 600; margin: 0; color: #212529; }
.card-body { padding: 16px; flex-grow: 1; color: #495057; }
.info-row { display: flex; align-items: flex-start; margin-bottom: 12px; }
.info-row.description { flex-direction: column; align-items: flex-start; }
.label { color: #6c757d; width: 60px; flex-shrink: 0; }
.value { font-weight: 500; line-height: 1.6; }
.status-badge { display: inline-block; padding: 3px 10px; border-radius: 15px; color: #fff; font-size: 0.85rem; font-weight: 500; }
.status-待处理 { background-color: #ffc107; color: #333; }
.status-处理中 { background-color: #007bff; color: white; }
.status-已解决 { background-color: #28a745; color: white; }
.card-footer { padding: 12px 16px; border-top: 1px solid #e9ecef; display: flex; justify-content: flex-end; gap: 8px; background-color: #fcfcfc; }
.btn-action { padding: 8px 16px; border-radius: 6px; border: none; font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: opacity 0.2s; }
.btn-action:hover { opacity: 0.8; }
.btn-detail { background-color: #0d6efd; color: white; }
.btn-assign { background-color: #fd7e14; color: white; }
/* 在Incident.css中添加 */
.officer-name {
  color: #3490dc; /* 蓝色，突出显示人员信息 */
  font-weight: 500;
}
